<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui ="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.prime.com.tr/ui">
    <h:head>
        <title>
            <h:outputText value="#{mens.TITULO}"/>
        </title>
        <link href="css/links.css" rel="stylesheet" type="text/css" />
        <link href="css/primefaces.css" rel="stylesheet" type="text/css" />
        <link href="css/mensagens.css" rel="stylesheet" type="text/css" />
        <link href="css/verde.css" rel="stylesheet" type="text/css" />
        <link href="css/paginaProntaVermelho.css" rel="stylesheet" type="text/css" />
    </h:head>
    <h:body>

        <div id="divBanner">

            <ui:insert name="topo">

            </ui:insert>
        </div>

        <div id="corVerde">
            <h:form>
                <h:commandButton action="#{mudarTemplateBean.mudarCorVerde}" style="background-image: url(../img/botaoCorVerde.jpg); background-position: center; background-repeat: repeat"/>

            </h:form>
        </div>
        <div id="corAzul">
            <h:form>
                <h:commandButton action="#{mudarTemplateBean.mudarCorAzul}" style="background-image: url(../img/botaoCorAzul.jpg); background-position: center; background-repeat: repeat"/>

            </h:form>
        </div>
        <div id="corVermelha">
            <h:form>
                <h:commandButton action="#{mudarTemplateBean.mudarCorVermelho}" style="background-image: url(../img/botaoCorVermelho.jpg); background-position: center; background-repeat: repeat"/>
            </h:form>
        </div>

        <div id="divBarraMenu">
            <h:form>
                <p:dock position="top" itemWidth="40" maxWidth="50" proximity="200" >
                    <p:menuitem value="Produtos" icon="../img/produto.png" url="faces/paginaManterProdutoTeste.xhtml" style="color: #000;" />
                    <p:menuitem value="Matéria-Prima" icon="../img/materiaPrima.png" url="faces/paginaManterMateriaPrimaTeste.xhtml" style="color: #000" />
                    <p:menuitem value="Funcionários" icon="../img/funcionario.png" url="faces/paginaManterFuncionarioTeste.xhtml" style="color: #000" />
                    <p:menuitem value="Clientes" icon="../img/cliente.png" url="faces/paginaManterCliente.xhtml" style="color: #000" />
                    <p:menuitem value="Fornecedor" icon="../img/fornecedor.png" url="faces/paginaManterFornecedorTeste.xhtml" style="color: #000" />
                    <p:menuitem value="Compra" icon="../img/compra.png" url="faces/paginaManterCompraTeste.xhtml" style="color: #000" />
                    <p:menuitem value="Venda" icon="../img/venda.png" url="faces/paginaManterVendaTeste.xhtml" style="color: #000" />
                    <p:menuitem value="Ajuda" icon="/img/ajuda.png" url="faces/paginaAjuda.xhtml" style="color: #000" />
                </p:dock>

            </h:form>
        </div>

        <ui:insert name="centro">

        </ui:insert>


        <div id="divBaixo">
            <ui:insert name="rodape">

            </ui:insert>
        </div>

        <div id="divEsquerda">

        </div>
        <div id="divDireita">


            <h:form>
                <p:panel collapsed="true" header="Bloco de anotações" visible="true" toggleable="true" >
                    <p:editor id="editor" width="170" height="280" value="#{manterEditorTexto.conteudoEditor}"  />
                </p:panel>

            </h:form>

        </div>

    </h:body>

</html>

